@import "../../assets/less/vars.less";

.back {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  width: 100%;
  overflow-y: auto;
  .carlist {
    width: 100%;
    border-radius: 0.8rem;
    background-color: white;
  }
}
.control {
  display: flex;
  align-items: center;
  width: 100%;
  height: 5rem;
  background-color: white;
  padding: 0 1.5rem;
  span {
    margin-left: 0.5rem;
    margin-right: auto;
  }
  .delete {
    height: 3.5rem;
    border-radius: 4rem;
    color: #fff;
    background-color: @themeColor;
    font-size: 1.6rem;
    padding: 0 2rem;
    outline: none;
    border: none;
  }
  .delete:disabled {
    opacity: 0.5;
  }
}
.empty {
  flex: 1;
  color: #bbb;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  i {
    font-size: 6rem;
  }
  span {
    margin-top: 0.5rem;
    font-size: 1.4rem;
  }
}
